/*
3 slides to a page - useful for handouts
*/

/***************************************************************************/
/* The bits that you probably want to override! */
body {
  font-size: 8pt;
  font-family: "Helvetica", "Arial", "Liberation Sans", sans-serif;
  color: black;
  background-color: #fff; /* Colour outside of slide */
}

div.presentation, div.slide {
  background-color: white; /* colour of the slide */
}

div.slide h1, div.slide h2, div.slide h3, div.slide h4, div.slide h5, div.slide h6 {
  color: navy;
  font-weight: normal;
}

div.slide h3, div.slide h4, div.slide h5, div.slide h6 {
  margin-bottom: 6px;
}

div.slide h3 + p, div.slide h4 + p, div.slide h5 + p, div.slide h6 + p {
  margin-top: 6px;
}

pre {
  font-size: 4.8pt;
  font-family: Monaco, Courier, monospace;
}

li {
  line-height: 1.5em;
  margin-left: 10pt;
  /*padding: 10px 0*/;
}

li ul, li ul li {
  margin-top: 0;
}

table {
  margin-top: 3pt;
  border-collapse: collapse;
  width: 100%;
}
table th {
  text-align: left;
  border-bottom: 1px solid #666;
}
table td, table th {
  padding-left:   10px;
  padding-right:  10px;
  padding-top:    4px;
  padding-bottom: 4px;
}
tr > td:first-child, tr > th:first-child {
  padding-left: 0;
}

/* .notes are displayed when you press '2' */
.notes {
  color: white;
  background: #777;
  opacity:0.90;
}

/* A title slide is a single header */
.slide header:only-child h1 {
  font-weight: bold;
  font-size: 14pt;
}

/* Source and page number */
aside.source, aside.page_number {
  font-size: 5pt;
}

/* Quote and blockquote */
blockquote          { text-indent: -1ex; margin-bottom: 10px;}
blockquote *        { quotes: none; }
blockquote p:before { content: '\201C'; }
blockquote p:after  { content: '\201D'; }
blockquote p        { margin:0; padding:0; }
blockquote q:before { content: '\2018'; }
blockquote q:after  { content: '\2019'; }
.cite { margin:0; text-align:right; margin-right: 40px;}

/***************************************************************************/
/* Specific clases for use with the .fx: macro */

/* smaller and larger */
.smaller section {
  font-size: 6px;
}

.smaller div h1 {
  font-size: 16pt;
}

.smaller section pre {
  font-size: 4pt;
}

.larger section {
  font-size: 10pt;
}

.larger div h1 {
  font-size: 16pt;
}

.larger section pre {
  font-size: 8pt;
}

/* titleslide: displaying a title(h1) and subtitle(h2) on the same slide */
div.titleslide { text-align: center; }
div.titleslide h1 { padding-top: 25pt; font-size: 24pt; font-weight: bold;}

/* imageslide: covering a whole slide with an image */
div.slides div.imageslide {margin: 0; width: 300pt; height: 200pt; overflow: hidden}
div.imageslide img { 
  position: relative; 
  /*top: -144pt;*/
  /*top: -200pt;*/
  /*left: -10pt; */
  top: -138pt;
  left: -10pt;
  width: 300pt;
  height: 200pt;
  max-width: 300pt !important; 
  max-height: 200pt !important; 
  z-index: 0; 
}

div.imageslide h1 { position: relative; z-index: 3 !important; /*left: 40px; top: -70pt; */}

/* black and white header for use with imageslide */
div.whiteheading h1 {color: #fffffe !important;}
div.blackheading h1 {color: black !important;}

/***************************************************************************/
/* Syntax highlighting is by Pygments - select via config file */
.lineno {color: #aaa; }  /* Line numbers */



/***************************************************************************/
/* The structure - You shouldn't need to change anything from here on down */
body {
  /*padding : 70pt;*/
  margin  : 0;
  overflow: hidden;
}

div.presentation, div.slides {
    transform: scale(1),
    -ms-transform: scale(1),
    -moz-transform: scale(1),
    -webkit-transform: scale(1),
    -o-transform: scale(1),
}

/*div.slides {
  width: 754pt !important;
  height: 502pt !important;
}*/

div.slide {
  display: block !important;
  width: 296pt !important;
  height: 200pt !important;
  border: 2pt solid #ddd;
/*  width      : 100%;
  height     : 100%;*/
  overflow   : hidden;
  /*page-break-after: always;*/
  margin-bottom: 60pt;
}

div.slide div.inner {
  width: 300pt !important;
  height: 200pt !important;
  margin: auto;
  display: table-cell;
  padding: 10pt;
}


/* A title slide is a single header */
.slide header:only-child {
  display: table;
}

.slide header:only-child h1 {
  width: 300pt !important;
  height: 200pt !important;
  text-align    : center;
  display       : table-cell;
  vertical-align: middle;
}

/*.slide header:only-child h1 {
  line-height: 180%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  height: 600px;
  width: 800px;
  font-size: 48px;
  margin-top:100px;
  margin-bottom:100px;
}
*/


ol {
  margin-left: 5pt;
}

/* Image alignment options. Note that we align centre by default */
img { display: block; margin: auto; max-width: 240pt; max-height: 136pt;}

section img.align-center, section img.align-centre, section img.center, section img.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

section img.align-right, section img.right {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

section img.align-left, section img.left {
  display: block;
  margin-right: auto;
  margin-left: 0;
}

section img.float-right {
  display: block;
  float: right;
  margin-left: auto;
  margin-right: 0;
}

section img.float-left {
  display: block;
  float: left;
  margin-right: auto;
  margin-left: 0;
}

/* Source and page number */
aside, footer {
  display: block !important;
  visibility: visible !important;
  background-color: green !important;
}

aside.source {
  display: none;
}

.page_number {
  /*position: absolute;*/
  position: relative; 
  text-align: right;
  display: block !important;
  visibility: visible !important;
  top: -20pt;
  right    : 0px;
  color    : black !important;
  padding  : 5pt !important;  
}


#toc, #help, .slide .notes,
.presenter_notes, #current_presenter_notes, #presenter_note,
 #time {
  display: none;
}


pre,tt {
  font-family: Inconsolata, Monaco, Courier, monospace;
}


ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
p {
    margin-bottom: 0 !important;   
}
li li {
    font-size: 0.8em !important;
    padding: 5px 0;
}


div.break div header h1 {
    padding-top: 0 !important;
}

.slide header:only-child h1 {
    padding-top: 0 !important;
}


.columnlist2 ul {
    vertical-align: top;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

.columnlist3 ul {
    vertical-align: top;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

img.errors {
    width: 130pt !important;
}

